<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}Document{% endblock %}</title>
    {# <link rel="stylesheet" href="\assets\css\demo.css"> #}
    {% block head %}{% endblock %}
    <link rel="stylesheet" href="\bower_components\bootstrap\dist\css\bootstrap.min.css">
    <script src="\bower_components\jquery\dist\jquery.min.js"></script>
    <script src="\bower_components\popper.js\dist\umd\popper.js"></script>
    <script src="\bower_components\bootstrap\dist\js\bootstrap.min.js"></script>
    <link rel="stylesheet/less" type="text/css" href="/assets/less/styles.less">
    <link rel="stylesheet" href="\bower_components\Font-Awesome\css\all.css">
    <script src="\bower_components\less\dist\less.js" type="text/javascript"></script>
</head>

<body>
{% block top %}
    {# 头部 start #}
    <div class="two">
        <div class="two-top">
            <div class="image">
                <img src="\assets\img\logo.png">
            </div>
            <div class="input">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="addon-wrapping">
                            <i class="fa fa-neuter"></i>
                        </span>
                    </div>
                    <input type="text" class="form-control" aria-label="Text input with segmented dropdown button">
                    <div class="input-group-append">
                        <select class="custom-select" id="inputGroupSelect02">
                            <option selected>首页</option>
                            <option value="1">行情</option>
                            <option value="2">求购</option>
                            <option value="3">供应</option>
                        </select>
                    </div>
                   <div class="input-group-append">
                        <button class="btn btn-outline-secondary btn btn-warning" type="button" id="inputGroupFileAddon04">搜索</button>
                    </div>
                </div>
            </div>

            <div class="jiacu">
                <strong>
                    {% set jiacu=["推广","热销"] %}
						{% for i in jiacu %}
					      &nbsp;{{i}}
					    {% endfor %}
					</strong>
            </div>
            <div class="nomal">
                {% set nomal= [
                    "供应",
                    "王彬彬",
                    "产品",
                    "求购",
                    "电脑桌",
                    "建筑",
                    "此处填写产品名称",
                    "机械设备",
                    "求",
                    "建筑机械"
                ] %}
                {% for i in nomal %}
                    <p>{{ i }}</p>
                {% endfor %}
            </div>
        </div>
        <div class="bottom">
            {% set bottom=[
                {
                "name": "首页",
                "href": "demo"
            },
                {
                    "name": "商城",
                    "href": "shop"
                },
                {
                    "name": "供应",
                    "href": "gongying"
                },
                {
                    "name": "求购",
                    "href": "qiugou"
                },
                {
                    "name": "公司",
                    "href": "gongsi"
                },
                {
                    "name": "团购",
                    "href": "tuangou"
                },
                {
                    "name": "行情",
                    "href": "hangqing"
                },
                {
                    "name": "展会",
                    "href": "zhanhui"
                },
                {
                    "name": "资讯",
                    "href": "zixun"
                },
                {
                    "name": "招商",
                    "href": "zhaoshang"
                },
                {
                    "name": "品牌",
                    "href": "pinpai"
                },
                {
                    "name": "人才",
                    "href": "rencai"
                },
                {
                    "name": "知道",
                    "href": "zhidao"
                },
                {
                    "name": "专题",
                    "href": "zhuanti"
                },
                {
                    "name": "图库",
                    "href": "tuku"
                },
                {
                    "name": "视频",
                    "href": "shipin"
                },
                {
                    "name": "下载",
                    "href": "xiazai"
                },
                {
                    "name": "商圈",
                    "href": "shangquan"
                },
                {
                    "name": "购物",
                    "href": "gouwu"
                }

            ] %}
            {% for i in bottom %}
            <div class="shouye">
               <a href="\demo\{{ i.href }}">
               {{ i.name }}
               </a> 
            </div>
            {% endfor %}
        </div>
    </div>
    {# 头部 end #}
{% endblock %}
    {# 内容 start #}
   {% block content %}{% endblock %}
    {# 内容end #}
    {% set yqlj=["网易", "百汇家电网", "非凡软件站", "魔法之城", "手机之家", "Destoon B2B", "赛迪网技术应用", "名人网", "无名指工作室", "天极操作系统", "Code佳源码网", "电脑故障", "站长下载"] %}
    <div class="youqinglianjie">
        <div class="title">
            <strong><p class="yqleft">友情链接</p></strong>
            <p class="yqright"><a>申请链接 | 更多></a></p>
        </div>
        <div class="yqmiddle">
            <ul>
                {% for i in yqlj %}
                    <li class="yqljdiv">
                        {{ i }}
                    </li>
                {% endfor %}
            </ul>
        </div>
        <div class="yqljbottom">
            {% set yqljbottom= ["网站首页", "关于我们", "联系方式", "使用协议", "版权隐私", "网站地图", "排名推广", "广告服务", "积分换礼", "网站", "RSS订阅", "违规举报", "备案申请中"] %}
            <div class="bottom-main">
                {% for i in yqljbottom %}
                    <ul>
                        <li>
                            {{ i }}
                        </li>
                    </ul>
                {% endfor %}
            </div>
        </div>

    </div>
    <div class="wangzhanweibu">
        <div class="top">
            <p>(c)2008-2018 DESTOON B2B SYSTEM All Rights Reserved</p>
        </div>
        <div class="middle">
            <p>注意，此站点为系统演示站，已经屏蔽搜索引擎访问，所有信息仅做测试用途，不保证内容的真实性</p>
        </div>
        <div class="bottom">
            <p>当前版本为预览版本，实际功能和界面以正式发布为准</p>
        </div>
        <div class="tubiao">
            <img src="\assets\img\bottom.gif">
        </div>
    </div>
</body>
{% block footer %}{% endblock %}
<script src='\assets\js\demo.js'>
</script>

</html>